<template>
  <div class="app">
    <router-view />
  </div>
</template>
<script setup lang="ts">
let arr: Array<any> = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
const test = () => {
  // 数组方法大合集
  // console.log(arr);
  // // 数组的创建
  // console.log(Array.of(1,2,3,4,5));
  // console.log(Array.from(new Set([1,2])));
  // // 改变原数组的方法（9个）
  // console.log(arr.splice(2,3,'添加'));
  // console.log(arr.sort((a:any,b:any)=>{
  //   return b - a
  // }));
  // console.log(arr.pop());
  // console.log(arr.shift());
  // console.log(arr.push('push'));
  // console.log(arr.unshift("unshift"));
  // console.log(arr.reverse());
  // console.log(arr.copyWithin(1,4,7));
  // console.log(arr.fill('填充',1,2));
  // // 不改变原数组的方法（8个）
  // console.log(arr.slice(1,3));
  // console.log(arr.join('+'));
  // console.log(arr.toLocaleString());
  // console.log(arr.concat(['t1','t2'],['t3','t4']));
  // console.log(arr.indexOf(4,1));
  // console.log(arr.lastIndexOf(4,-1));
  // console.log(arr.includes(3));
  // // 遍历方法（12个）
  // arr.forEach((item: any, index: number) => {
  //   console.log(item,index);
  // })
  // // 方法用于检测数组所有元素是否都符合函数定义的条件
  // console.log(arr.every(item => typeof item == 'number'));
  // // 数组中的是否有满足判断条件的元素
  // console.log(arr.some(item => item < 5));
  // // 返回符合条件的所有元素
  // console.log(arr.filter(item => item > 5));
  // // 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
  // console.log(arr.map(item => item + 'map'));
  // // reduce() 方法对累加器和数组中的每个元素（从左到右）应用一个函数，最终合并为一个值。
  // console.log(arr.reduce((a, b) => a + b, 0));
  // // 和reduce一样，但是从右到左
  // console.log(arr.reduceRight((a, b) => a + b, 0));
  // // 用于找出第一个符合条件的数组成员，并返回该成员，如果没有符合条件的成员，则返回undefined。
  // console.log(arr.find(item => item == 5));
  // // 返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。
  // console.log(arr.findIndex(item => item == 5));

  console.log(arr);
}
test()
</script>

<style scoped>
.app {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
}
</style>
